@charset "utf-8";

@media (max-width: 1200px) {
    html, body {
        max-width: 100%;
        /* overflow-x: hidden; */
    }
    .css {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .head {
        position: fixed;
        top: 0;
        box-shadow: 0 5px 20px -7px rgba(0,0,0,.25);
    }
    .mnav {
        width: 100%;
    }
    .head-box {
        display: none;
    }
    .mnav {
        display: block;
    }
    .mnav-bar {
        background-color: #fff;
        padding: 1.5rem 2rem;
        display: flex;
        justify-content: space-between;
    }
    .mnav-bar .mnav-logo {
        width: 200px;
        padding-top: 5px;
    }
    .mnav-bar .mnav-logo img {
        width: 100%;
    }
    .mnav-bar .mnav-btn.on {
        transform: translateX(10px);
    }
    .mnav-bar .mnav-btn {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .mnav-bar .mnav-btn span {
        display: block;
        width: 25px;
        height: 3px;
        border-radius: 4px;
        margin: 2.5px 0;
        background: rgba(0,0,0,.75);
    }
    .mnav-bar .mnav-btn.on span:nth-child(1) {
        transform: rotate(45deg) translateY(13px);
    }
    .mnav-bar .mnav-btn.on span:nth-child(2) {
        opacity: 0;
    }
    .mnav-bar .mnav-btn.on span:nth-child(3) {
        transform: rotate(-45deg) translateY(-13px);
    }

    .mnav-list-head {
        text-align: center;
        padding: 100px 0 50px;
        color: #E1251B;
        font-size: 1.75rem;
    }
    .mnav-list {
        width: 25%;
        height: 100%;
        background-color: #fff;
        position: fixed;
        top: 0;
        right: -100%;
        z-index: 1;
        box-shadow: -15px 35px 35px 0px rgba(0,0,0,.15);
        transition: right ease-in .35s;
    }
    .mnav-list ul {
        padding-left: 0;
    }
    .mnav-list.on {
        right: 0;
        transition: right ease-out .35s;
    }
    .mnav-list .mnav-list-item {
        padding: 0 3.5rem;
        text-align: center;
        list-style-type: none;
    }
    .mnav-list .mnav-list-item a {
        display: block;
        padding: 1.75rem 0;
        color: #333;
        font-size: 1.15rem;
        border-bottom: 1px solid #cdcdcd;
    }
    .mnav-list .mnav-list-item:last-child a {
        border-bottom: none;
    }

    .mnav-list .mnav-close {
        display: inline-block;
        width: 40px;
        height: 40px;
        background: url('../img/close.png') no-repeat;
        background-size: cover;
        position: absolute;
        right: 1rem;
        top: 1rem;
    }
    .mnav-list.on .mnav-close {
        transform: rotate(-90deg);
        transition: transform ease-out .35s;
        transition-delay: .35s;
    }

    #app {
        margin-top: var(--nav-height);
        width: 100%;
        overflow-x: hidden;
    }

    .banner {
        height: auto;
    }

    .index-about {
        width: 100%;
        padding: 5rem 0 2rem;
        overflow: hidden;
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: 0;
    }
    .index-about-lfet, .index-about-right {
        flex-basis: 100%;
        padding: 0 2rem;
    }
    .index-about-lfet i {
        width: 200px;
    }
    .index-about-swiper {
        overflow: hidden;
    }
    .index-about-item:nth-child(2) h3,
    .index-about-item:nth-child(6) h3,
    .index-about-item:nth-child(2) p,
    .index-about-item:nth-child(6) p {
        padding-left: 0;
    }

    .index-about-lfet {
        padding-bottom: 3rem;
    }
    .index-about-right > div {
        margin-bottom: 3rem;
    }
    .index-about-item {
        text-align: center;
        margin-bottom: 2rem;
    }

    .index-case {
        width: 100%;
    }
    .index-case-title {
        text-align: center;
    }
    .index-case-title h2 {
        margin: 0;
        width: 100%;
    }
    .index-case {
        background: url('../img/index/tab-panel-color.png') repeat;
    }

    .index-case .swiper-slide, .index-case .swiper-slide:nth-child(2n) {
        background: none;
    }
    .index-case .swiper-slide:nth-child(2n) .index-case-title h2 {
        margin: 0;
    }
    .index-case .swiper-slide {
        background-position: bottom center;
    }
    .index-case-box {
        flex-direction: column;
        justify-content: flex-start;
        padding: 0rem 2rem 3rem;
    }
    .index-case-box .index-case-right {
        padding-left: 0;
    }
    .index-case .swiper-slide:nth-child(2n) .index-case-box {
        flex-direction: column;
    }
    .index-case .swiper-slide:nth-child(2n) .index-case-right {
        padding-right: 0;
    }

    .index-case-box .index-case-right h1 {
        padding: 0;
        margin-top: 2.5rem;
        margin-bottom: 1.75rem;
    }
    .index-case-box .index-case-right p {
        line-height: 2;
    }
    .index-case-box .index-case-left img {
        border-radius: 32px;
    }

    .index-honor {
        padding: 2rem;
    }
    .index-honor-title {
        height: auto;
    }
    .index-honor-title h2 {
        margin: 2rem 0 2.5rem;
    }
    .index-honor-group {
        align-items: flex-start;
    }
    .index-honor-box {
        flex-direction: column;
    }
    .index-honor-item {
        width: auto;
        flex: 1;
        padding: 0 1rem;
    }
    .index-honor-item .index-honor-pic {
        height: 230px;
    }
    .index-honor-item .index-honor-pic img {
        object-fit: contain;
        height: 100%;
    }

    .index-honor-item p {
        white-space: normal;
        padding: 0 0rem;
        line-height: 1.75;
        padding-top: 1rem;
    }
    .index-honor-item p br {
        display: none;
    }
    .index-honor-box .more-btn {
        margin: 3rem 0 2rem;
    }

    .foot {
        padding: 2rem;
        overflow: hidden;
    }
    .foot-box {
        width: 100%;
        flex-wrap: wrap;
        align-items: flex-end;
    }
    .foot-box>* {
        width: 100%;
        flex-basis: 100%;
    }
    .foot-logo {
        flex-basis: 100%;
        text-align: left;
        margin-bottom: 1rem;
        display: none;
    }
    .foot-msg {
        flex-basis: 60%;
    }
    .foot-code {
        flex-basis: 40%;
        padding: 0;
        display: none;
    }
    .copyright {
        margin-top: 1rem;
    }
    .copyright br {
        display: inline-block;
    }

    /* 关于信佰 */
    #about .about-box1, #about .about-box2, #about .about-box3, #about .qyfc-box1, #about .about-box5 {
        max-width: 100%;        
        padding: 0 2rem;
    }
    .about-box1left {
        padding-right: 1rem;
    }
    .about-box1right p {
        margin-bottom: 3rem;
        margin-top: 0;
    }
    .about-box1right,.about-box2right-l {
        padding-left: 1.5rem;
    }
    .about-box1right p, .about-box3 p, .swiper2 .swiper-slide p, .about-box5left p {
        font-weight: 300;
    }

    .about-box2right {
        padding-left: 0;
        flex-direction: column;
    }
    .swiper2 {
        width: 50%;
        margin-top: 6rem;
    }
    .swiper .swiper-slide {
        width: 100% !important;
    }
    .swiper2 .swiper-slide p {
        width: 100%;
    }


    /* 业务案例 */
    #case .box {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .case-box2item {
        height: 470px;
    }
    .case-box2item h3 {
        padding: 0 1rem;
    }
    .desc2, .case-box2item p, .case-box3 .mySwiper2 p, .case-box5 p, .accordion-button {
        font-weight: 300;
        line-height: 2;
    }
    .case-box2item p {
        padding: 0 1rem;
    }
    .tag-list-right p {
        padding-right: 0;
        line-height: 2;
    }
    .case-box3 {
        padding: 5rem 0 3rem;
    }
    .case-box4 {
        padding-top: 5rem;
    }
    .case-box6 {
        padding-bottom: 5rem;
    }

    /* 员工风采 */
    #qyfc .banner {
        margin-bottom: 0;
    }
    #qyfc .qyfc-box1, .qyfc-box2 {
        max-width: 100%;
        padding: 0 2rem;
    }
    .qyfc-box2info {
        flex-basis: calc(70% - 2rem);
        padding-left: 2rem;
    }
    .qyfc-box2info > h4 {
        font-weight: 300;
    }
    .qyfc-box2info-1 {
        padding-top: 1.5rem;
        padding-left: 3rem;
    }
    .qyfc-box2item.lr .qyfc-box2info {
        padding-left: 0;
        padding-right: 2rem;
    }
    .qyfc-box2item {
        margin-bottom: 5rem;
    }

    /* 加入我们 */
    #join .box {
        padding: 0 2rem;
    }
    #join .qyfc-box1 {
        margin-top: 0;
    }
    .join-box2item {
        margin-bottom: 3rem;
    }
    .join-box2item h3, .join-box2item p {
        font-weight: 300;
    }
    


}


@media screen and (min-width: 768px) and (max-width: 967px) {
    .mnav-list {
        width: 40%;
    }

    /* 关于信佰 */
    .about-box1left {
        flex-basis: 16%;
    }
    .about-box3 {
        margin-top: 3rem;
    }
    .swiper2 {
        height: 450px;
        margin-top: 10rem;
        margin-top: auto;
    }
    .swiper2 .swiper-slide {
        height: 13rem !important;
        overflow: auto !important;
    }

    /* 工程案例 */
    .case-box2 {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        align-items: center;
    }
    .case-box2item {
        flex: 0 0 49%;
        height: 380px;
    }
    .case-box3 h2:after {
        right: -2rem;
    }
    .case-box3 .mySwiper {
        flex-basis: 30%;
    }
    .case-box3 .mySwiper .swiper-slide {
        padding-left: 3rem;
    }
    .case-box3 .mySwiper2 {
        overflow-x: scroll;
    }
    .tag-list-left {
        flex-basis: 33%;
    }
}